<template>
	<!-- 	<view class="min-goods" @tap="jump('/pages/activity/GroupDetails/index', { id: detail.id })"> -->
	<view class="min-goods min-gai" @tap="$yrouter.push({ path: '/pages/shop/GoodsCon/index', query: { id: detail.id } })" style="background: #fff;">
		<view class="tese">
			<view class="tese-q">云南馆</view>
			<view class="tese-w">查看详情</view>
		</view>
		<view class="img-box" style="background: #fff;">
			<view class="tese-e"><image class="img" :src="detail.image" mode="widthFix"></image></view>
			<view class="tese-e"><image class="img" :src="detail.image" mode="widthFix"></image></view>
		</view>
		<!-- <view class="price-box" style="background: #fff;">
			<view class="y-f" style="background: #fff;">
				<text class="seckill-current">￥{{  detail.price  }}</text>
				<text class="original">销量{{ detail.sales }}{{detail.unitName}}</text>
			</view>
		</view> -->
		<!-- <view class="title"><slot name="titleText"></slot></view> -->
	</view>
</template>

<script>
export default {
	components: {},
	data() {
		return {};
	},
	props: {
		detail: Object
	},
	computed: {},
	methods: {
		// 路由跳转
		jump(path, query) {
			this.$yrouter.push({
				path,
				query
			});
		}
	}
};
</script>

<style lang="scss">
.min-goods {
	width: 343rpx;
	height: 302rpx;
	margin-top: 24rpx;
	border-radius: 15rpx;
	.tese {
		display: flex;
		justify-content: space-between;
		.tese-q {
			font-size: 28rpx;
			font-family: Source Han Sans CN;
			font-weight: 500;
			color: #333333;
			line-height: 36rpx;
			margin-left: 16rpx;
			margin-top: 21rpx;
			font-weight: 600;
		}
		.tese-w {
			font-size: 22rpx;
			font-family: Source Han Sans CN;
			font-weight: 500;
			color: #999999;
			line-height: 36rpx;
			margin-right: 16rpx;
			margin-top: 21rpx;
		}
	}
	.img-box {
		width: 100%;

		display: flex;
		justify-content: space-between;

		height: auto;
		.tese-e {
			width: 148rpx;
			height: 187rpx;
			margin-left: 16rpx;
			margin-right: 16rpx;
			margin-top: 23rpx;
			.img {
				width: 100%;
				height: 100%;
			}
		}
	}
}
</style>
